GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Frame (HTML)</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Frame (HTML)</span></h1>

</header>

</div>

<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Als <b>Frame</b> wird ein Teilbereich einer <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>-Seite bezeichnet, in dem eine andere HTML-Seite <a href="Transklusion" title="Transklusion">transkludiert</a> werden kann. Das einzelne Segment wird dabei als Frame (dt. Rahmen) bezeichnet, die Definition aller Frames als Frameset.

</p><p>Die Frame-Technik wurde von <a href="Netscape_Communications" title="Netscape Communications">Netscape</a> im <a href="Netscape_Navigator" title="Netscape Navigator">Navigator</a> 2.0 eingeführt und wird heute noch von den meisten <a href="Webbrowser" title="Webbrowser">Browsern</a> unterstützt. Das <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> hatte Framesets in den Versionen HTML 4.0 und <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a> 1.0 standardisiert.

</p><p>In <a href="HTML5" title="HTML5">HTML5</a> wurde die Frame-Technik nicht übernommen.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Verwendung">Verwendung</h2></div>

<p>Viele Experten aus dem Bereich der <a href="Gebrauchstauglichkeit_(Produkt)" title="Gebrauchstauglichkeit (Produkt)">Gebrauchstauglichkeit</a> (<i>usability</i>) raten vom Einsatz von Frames ab.

</p>

<div class="mw-heading mw-heading2"><h2 id="Vorteile">Vorteile</h2></div>

<p>Ein Vorteil ist die Möglichkeit zur parallelen Darstellung mehrerer Einzeldokumente. Dadurch lässt sich die vom <a href="Webserver" title="Webserver">Webserver</a> zum <a href="Webbrowser" title="Webbrowser">Webbrowser</a> übertragene Datenmenge reduzieren und es wird eine <a href="Modularisierung" class="mw-redirect" title="Modularisierung">Modularisierung</a> einer <a href="Website" title="Website">Website</a> ohne <a href="Server" title="Server">serverseitige</a> Techniken möglich. So lässt sich beispielsweise die Navigation zentral in einem HTML-Dokument verwalten und muss nicht auf jeder neuen Seite eingefügt werden.

</p><p>Ein weiterer Vorteil ist, dass nur der jeweils gerade aktuelle Frame <a href="Bildlauf" title="Bildlauf">gescrollt</a> wird, während andere Frames davon unbeeinflusst sind. So lässt sich beispielsweise ein Inhaltsframe scrollen, während die Navigation und andere wichtige Bereiche im jeweils eigenen Frame nicht mit scrollen.

</p><p>Vorteilhaft ist zudem, dass sich über Frames problemlos Inhalte aus unterschiedlichen Quellen bzw. aus verschiedenen <a href="Webanwendung" title="Webanwendung">Webanwendungen</a> miteinander kombinieren lassen. So könnten Ergebnisse einer Webanwendung in einem Frame in einem anderen Frame angezeigt werden.

</p><p>Sofern in einem Frame-<a href="Element_(Auszeichnungssprache)" title="Element (Auszeichnungssprache)">Element</a> nicht das <a href="Attribut_(Auszeichnungssprache)" title="Attribut (Auszeichnungssprache)">Attribut</a> <code>noresize</code> gesetzt ist, verhält sich der Rahmen zwischen zwei benachbarten Frames wie eine <a href="Trennleiste_(Software)" title="Trennleiste (Software)">Trennleiste</a> und erlaubt von Haus aus die flexible Anpassung der Größe der Frames mit der Maus.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Ohne Frames muss ein ähnliches Verhalten manuell mit <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">Cascading Style Sheets</a> (CSS) und <a href="JavaScript" title="JavaScript">JavaScript</a> implementiert werden.

</p>

<div class="mw-heading mw-heading2"><h2 id="Nachteile">Nachteile</h2></div>

<div class="mw-heading mw-heading3"><h3 id="In_HTML_5_nicht_mehr_enthalten">In HTML 5 nicht mehr enthalten</h3></div>

<p>Das W3C hat die Frame-Technik in HTML5 nicht übernommen. Vor der weiteren Verwendung wird gewarnt:

</p>

<p>„Unerwünscht - Dieses Feature wurde aus den Webstandards entfernt. Obwohl manche Browser es immer noch unterstützen, wird es zukünftig wegfallen. Es sollte daher nicht mehr in alten oder neuen Projekten verwendet werden. Webseiten oder Webapps, die es benutzen, funktionieren möglicherweise irgendwann nicht mehr korrekt.“

</p>

</blockquote>

</div><div class="cite" style="margin:-1em 0 1em 1em;">– <cite style="font-style:normal">mozilla.org</cite><sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup></div></div>

<div class="mw-heading mw-heading3"><h3 id="Adressierung">Adressierung</h3></div>

<p>Normale HTML-Seiten haben nur eine Adresse, mit der sie erreichbar sind. Frames bestehen jedoch aus mehreren Unterseiten, wobei im Browser meist die Adresse der Framedefinition (des Framesets) angezeigt wird, die sich bei dem Wechsel auf eine andere Unterseite in der Regel nicht ändert. Möchte jemand eine bestimmte Unterseite verlinken, ein Lesezeichen darauf setzen oder in einer E-Mail angeben, so steht er in der Regel vor einem Dilemma. Verlinkt er das Frameset, wird die im Frameset definierte Startseite statt der gewünschten Unterseite geladen, gibt er die direkte Adresse an, so fehlen die übrigen Komponenten der Seite wie etwa die Navigation. Gerade für technisch wenig versierte Benutzer, die an das Grundprinzip „Eine Adresse = Eine Seite“ gewöhnt sind, ist dies verwirrend.

</p><p>Dieses Problem kann jedoch teilweise mittels JavaScript umgangen werden, da JavaScripts erkennen können, ob eine Seite im Frameset geladen ist oder nicht, und so entsprechend reagieren können, um das Frameset nachzuladen.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading3"><h3 id="Erfassung_durch_Suchmaschinen">Erfassung durch Suchmaschinen</h3></div>

<p>Auch <a href="Suchmaschine" title="Suchmaschine">Suchmaschinen</a> haben mit Frames Probleme. Zwar erfassen sie meist die Inhalte auf Frameunterseiten und verlinken diese, die Auffindbarkeit der Startseite des Webangebots leidet allerdings. Dies rührt daher, dass Frameset-Dokumente keinen relevanten Inhalt besitzen.

</p>

<div class="mw-heading mw-heading3"><h3 id="Barrierefreiheit">Barrierefreiheit</h3></div>

<p>Insbesondere beim Einsatz von <a href="Screenreader" title="Screenreader">Screenreadern</a> zum Auslesen der vom Browser dargestellten Inhalte sind Frames ein Problem, da die Nutzer sich zwischen den einzelnen Frames nur anhand deren Bezeichnung orientieren können. Ältere Screenreader, zum Beispiel solche, die nur mit dem Browser <a href="Lynx_(Browser)" title="Lynx (Browser)">Lynx</a> oder anderen Textbrowsern zusammenarbeiten, konnten Frames nicht darstellen, modernere Programme können mit den meisten aktuellen Browsern zusammenarbeiten, so dass Frames technisch keine Hürde mehr sind.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading3"><h3 id="Zueigenmachen_von_fremden_Webseiten">Zueigenmachen von fremden Webseiten</h3></div>

<p>Es ist möglich, eine fremde <a href="Webseite" title="Webseite">Webseite</a> in das eigene Frameset einzubinden. Das wird allerdings von dem betroffenen Webseitenbetreiber meist nicht gerne gesehen. Hierzu gibt es bereits mehrere Gerichtsurteile, so sah das <a href="Landgericht_D%C3%BCsseldorf" title="Landgericht Düsseldorf">Landgericht Düsseldorf</a> das Framing von fremden Seiten als zulässig an,<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> das <a href="Gerichtsorganisation_in_%C3%96sterreich" title="Gerichtsorganisation in Österreich">Landesgericht</a> in <a href="Steyr" title="Steyr">Steyr</a> (<a href="%C3%96sterreich" title="Österreich">Österreich</a>) wiederum das Einbinden fremder Seiten in das eigene Frameset als <a href="Wettbewerbswidrigkeit" class="mw-redirect" title="Wettbewerbswidrigkeit">Wettbewerbswidrigkeit</a>.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> Beim Inlineframing ist nach Ansicht des Kammergerichts auf fremde Urheber- und Leistungsschutzrechte zu achten, weshalb es beispielsweise nicht ohne weiteres zulässig ist, fremdes Kartenmaterial im Wege des Framing einzubinden.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> Soweit das Framing zu einem erhöhten Datentransfervolumen führt, kommt eine Haftung unter dem Gesichtspunkt des Eingriffs in das Recht des eingerichteten und ausgeübten Gewerbebetriebes in Frage. Der <a href="Bundesgerichtshof" title="Bundesgerichtshof">Bundesgerichtshof</a> legte im Mai 2013 die Frage zur urheberrechtlichen Zulässigkeit des Framing dem <a href="Gerichtshof_der_Europ%C3%A4ischen_Union" title="Gerichtshof der Europäischen Union">Gerichtshof der Europäischen Union</a> zur Entscheidung vor.<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup>

</p><p>Verhindern kann man das Einbinden der eigenen Webseite in ein Frameset durch JavaScript, ähnlich wie bei dem <a href="#Adressierung">Adressierungsproblem</a>. Derartige JavaScripte werden auch als <b>Framekiller</b> oder <b>Framebuster</b> bezeichnet. Beispiel-Quelltext:

</p>

<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="o"><</span><span class="nx">script</span><span class="w"> </span><span class="nx">type</span><span class="o">=</span><span class="s2">"text/javascript"</span><span class="o">></span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">top</span><span class="o">!=</span><span class="nx">self</span><span class="p">)</span><span class="w"> </span><span class="nx">top</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">href</span><span class="o">=</span><span class="nx">self</span><span class="p">.</span><span class="nx">location</span><span class="p">.</span><span class="nx">href</span><span class="p">;</span><span class="o"><</span><span class="err">/script></span>

</pre></div>

<p>Alternativ kann im Webserver der <a href="Liste_der_HTTP-Headerfelder" title="Liste der HTTP-Headerfelder">Response Header</a> <span style="font-family:monospace;">X-Frame-Options</span> gesetzt werden, der im Browser dafür sorgt, dass die Webseite gar nicht in einem Frameset angezeigt (<code>X-Frame-Options "DENY"</code>) bzw. nur in einem Frameset, das vom gleichen Webserver ausgeliefert wurde (<code>X-Frame-Options "SAMEORIGIN"</code>).

Bei Shared Hostern, bei denen ein Zugriff auf die Webserver-Konfiguration nicht möglich ist, lässt sich – insofern diese <a href="Apache_HTTP_Server" title="Apache HTTP Server">Apache</a> als Webserver-Software verwenden – der Response Header auch in der .htaccess Datei setzen (<code>"Header append X-FRAME-OPTIONS DENY"</code>).

</p>

<div class="mw-heading mw-heading2"><h2 id="Alternativen">Alternativen</h2></div>

<p>Eine Alternative zu HTML-Frames sind die nach ähnlichem Prinzip funktionierenden <a href="Inlineframe" title="Inlineframe">Inlineframes</a>.

</p><p>Mit verschiedenen Techniken lassen sich heute alle Vorteile von Frames auch anders realisieren. Serverseitige Techniken, etwa <a href="Server_Side_Includes" title="Server Side Includes">Server Side Includes</a>, können dazu dienen, dass Seitenteile wie das Menü zentral an einer Stelle gepflegt, aber auf beliebig vielen Unterseiten eingebunden werden können. Mit Cascading Style Sheets können Teile eines HTML-Dokuments scrollbar gestaltet werden. Mittels <a href="Ajax_(Programmierung)" title="Ajax (Programmierung)">Ajax</a> ist es möglich, Daten vom Server nachzuladen und die Seite damit umzugestalten.

</p>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<ul><li><a rel="nofollow" class="external text" href="https://wiki.selfhtml.org/wiki/HTML/Elemente/frame#Prinzip">Erklärung der Frames-Technik</a> im <a href="SELFHTML" class="mw-redirect" title="SELFHTML">SELFHTML</a>-Wiki</li>

<li><a rel="nofollow" class="external text" href="https://developer.mozilla.org/de/docs/Web/HTTP/Headers/X-Frame-Options"><i>The X-Frame-Options response header – HTTP</i>.</a> <a href="MDN_Web_Docs" title="MDN Web Docs">MDN Web Docs</a></li>

<li><a rel="nofollow" class="external text" href="https://www.subotnik.net/html/frames.html">Kritik am Frames-Konzept</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html5-diff/#obsolete-elements"><i>HTML5 differences from HTML4 – obsolete elements.</i></a> In: <i>w3.org.</i> W3C Working Group, 9. Dezember 2014,<span class="Abrufdatum"> abgerufen am 22. September 2025</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AFrame+%28HTML%29&rft.title=HTML5+differences+from+HTML4+%E2%80%93+obsolete+elements&rft.description=HTML5+differences+from+HTML4+%E2%80%93+obsolete+elements&rft.identifier=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml5-diff%2F%23obsolete-elements&rft.publisher=W3C+Working+Group&rft.date=2014-12-09&rft.language=en"> </span></span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text">Günter Pomaska: <cite class="lang" lang="en" dir="auto" style="font-style:italic">Grundkurs Web-Programmierung</cite>. Vieweg+Teubner Verlag, Wiesbaden 2005, ISBN 3-528-05895-1, <span style="white-space:nowrap">S.<span style="display:inline-block;width:.2em"> </span>23</span> (englisch, <a rel="nofollow" class="external text" href="https://books.google.de/books?id=HNSGBwAAQBAJ&pg=PA23#v=onepage">eingeschränkte Vorschau</a> in der Google-Buchsuche).<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rfr_id=info:sid/de.wikipedia.org:Frame+%28HTML%29&rft.au=G%C3%BCnter+Pomaska&rft.btitle=Grundkurs+Web-Programmierung&rft.date=2005&rft.genre=book&rft.isbn=3528058951&rft.pages=23&rft.place=Wiesbaden&rft.pub=Vieweg%2BTeubner+Verlag" style="display:none"> </span></span>

</li>

<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/de/docs/Web/HTML/Element/frame">developer.mozilla.org: frames</a></span>

</li>

/* start https://de.wikipedia.org/ */

.mw-parser-output .webarchiv-memento a{color:inherit}

/* end https://de.wikipedia.org/ */

</style><a rel="nofollow" class="external text" href="https://web.archive.org/web/20090721054425/http://aktuell.de.selfhtml.org/artikel/javascript/dyn-frames/">SelfHTML: Datei dynamisch in Frameset laden</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> vom 21. Juli 2009 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>)</span>

</li>

<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><span class="cite">Jan Eric Hellbusch: <a rel="nofollow" class="external text" href="https://www.barrierefreies-webdesign.de/knowhow/frames/"><i>Barrierefreies Webdesign – Der Einsatz von Frames.</i></a> In: <i>barrierefreies-webdesign.de.</i> 2005,<span class="Abrufdatum"> abgerufen am 20. November 2010</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AFrame+%28HTML%29&rft.title=Barrierefreies+Webdesign+%E2%80%93+Der+Einsatz+von+Frames&rft.description=Barrierefreies+Webdesign+%E2%80%93+Der+Einsatz+von+Frames&rft.identifier=https%3A%2F%2Fwww.barrierefreies-webdesign.de%2Fknowhow%2Fframes%2F&rft.creator=Jan+Eric+Hellbusch&rft.date=2005"> </span></span>

</li>

<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20180414234428/http://www.stroemer.de/index.php/entscheidungen/urheberrecht/791-lg-duesseldorf-urt-vom-290498-12-o-34798-frames-i">LG Düsseldorf, Urteil vom 29. April 1998</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> vom 14. April 2018 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>), Az. 12 O 347/98, Frames I, Volltext.</span>

</li>

<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20090203140610/http://www.linksandlaw.de/Framing13.htm">LG Steyr, Einstweilige Verfügung vom 28. Juni 2002</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> vom 3. Februar 2009 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>), Az. 26 Cg 58/02b, Volltext.</span>

</li>

<li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://openjur.de/u/329824.html"><i>KG Berlin, Urteil vom 21. März 2012, Az. 24 U 130/10.</i></a> Volltext. In: <i>openjur.de.</i><span class="Abrufdatum"> Abgerufen am 22. September 2025</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AFrame+%28HTML%29&rft.title=KG+Berlin%2C+Urteil+vom+21.%26nbsp%3BM%C3%A4rz+2012%2C+Az.+24+U+130%2F10&rft.description=KG+Berlin%2C+Urteil+vom+21.%26nbsp%3BM%C3%A4rz+2012%2C+Az.+24+U+130%2F10&rft.identifier=https%3A%2F%2Fopenjur.de%2Fu%2F329824.html"> </span></span>

</li>

</li>

</ol>

<div>

Bitte den Hinweis zu Rechtsthemen beachten!</div>

</div></div></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-09-22" href="https://de.wikipedia.org/wiki/?title=Frame_(HTML)&oldid=259964014">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>